<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title></title>
  <link href="<%= BASE_URL %>static/css/main.css" rel="stylesheet">
  <link href="<%= BASE_URL %>static/css/font-awesome.min.css" rel="stylesheet">
  <style type="text/css">
    .svg-icon {
      width: 40px;
      height: 40px;
      stroke: #343640;
      stroke-width: 2;
      stroke-linecap: round;
    }

    .svg-icon .path {
      fill: none;
    }

    .m-wipe {
      background: none;
      animation: loading-rotate 2s linear infinite;
    }

    .m-wipe .path {
      background: none;
      stroke-dasharray: 90, 150;
      stroke-dashoffset: 0;
      stroke-linecap: round;
      stroke-width: 2px;
      stroke: #20a0ff;
      stroke-linecap: round;
      animation: loading-wipe 1.5s ease-in-out infinite;
    }

    .m-loading {
      background: none;
      animation: loading-rotate 0.8s linear infinite;
    }

    @keyframes loading-rotate {
      to {
        transform: rotate(1turn)
      }
    }

    @keyframes loading-wipe {
      0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
      }
      50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px;
      }
      to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px;
      }
    }

    .init-box {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

    .init-box .init-loading {
      width: 128px;
      height: 128px;
      margin: 0 auto;
      display: block;
    }

    .init-box .init-tips {
      color: #8B90A0;
      text-align: center;
      margin: 0 auto;
    }
  </style>
  <script type="text/javascript">
    const mxLoadStylesheets = false
    const mxLoadResources = false
  </script>
</head>
<body>
<noscript>
  <strong>We're sorry but vue-drag-component doesn't work properly without JavaScript enabled. Please enable it to
    continue.</strong>
</noscript>
<div id="app">
  <div class="init-box">
    <div>
      <svg viewBox="0 0 50 50" class="svg-icon m-loading init-loading">
        <circle cx="25" cy="25" r="20" fill="none" stroke="#F2F2F2" class="path"></circle>
        <circle cx="25" cy="25" r="20" fill="none" stroke="#24A2FF" stroke-dasharray="60,150" class="path"></circle>
      </svg>
    </div>
    <p class="init-tips">加载中，请耐心等待...</p>
  </div>
</div>
<!-- built files will be auto injected -->
<script src="<%= BASE_URL %>static/config/config.js?time=<%=new Date().getTime()%>"></script>
</body>
</html>
